<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../../css/suHead.css" />
		<link rel="stylesheet" href="../../css/return_details.css" />
		<link rel="stylesheet" href="../../css/preferential.css" />
		<style type="text/css">
			.mui-content>.mui-table-view:first-child {
				margin-top: 1px;
			}
			.mui-table-view:after{height: 0;}
			body{background: #fff;}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a id="back" class="mui-icon mui-icon-left-nav mui-pull-left return"><span>返回</span></a>
			<h1 class="mui-title">退款申请单</h1>
		</header>
		<div class="mui-content">
			<ul class="mui-table-view pre_list">
				<li class="mui-table-view-cell mui-media">
					<div class="tit_re">
						退款商品：
					</div>
					<a href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="../../images/commodity_img.png">
						<div class="mui-media-body">
							<div class="pre_listTit">
								百天礼盒新生百天礼盒 新生百天礼盒新生百天礼盒新生百天礼盒 新生百天礼盒新生
							</div>
							<div class="re_detailsSize">
								<div class="mui-ellipsis">
									<label>颜色分类：</label>
									<span>灰色L号(40-41鞋码)可修剪</span>
								</div>
								<div>
									<label>尺&nbsp;&nbsp;码：</label>
									<span>其他尺码</span>
								</div>
							</div>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell">
					<div class="re_radio">
						<label class="mui-pull-left">主要货源：</label>
						<div class="femala mui-pull-left">
							<input type="radio" id="femala" checked name="sex">
							<label for="femala">仅退款</label>
						</div>
						<div class="mala mui-pull-left">
							<input type="radio" id="mala" name="sex">
							<label for="mala">退货退款</label>
						</div>
					</div>
				</li>
				<li class="mui-table-view-cell">
					<div class="re_radio">
						<label class="mui-pull-left">货物状态：</label>
						<div class="femalaa mui-pull-left">
							<input type="radio" id="femalaa" checked name="sexx">
							<label for="femalaa">未收到货</label>
						</div>
						<div class="malaa mui-pull-left">
							<input type="radio" id="malaa" name="sexx">
							<label for="malaa">已收货</label>
						</div>
					</div>
				</li>
				<li class="mui-table-view-cell">
					<div class="re_radio">
						<label class="mui-pull-left">货物状态：</label>
						<select name="">
							<option value="">请选择</option>
						</select>
					</div>
				</li>
				<li class="mui-table-view-cell">
					<div class="re_radio">
						<label class="mui-pull-left">退款金额：</label>
						<div class="re_right">
							<span>￥298.00</span>
							<p>最多￥38.00，含发货邮费0.00</p>
						</div>
					</div>
				</li>
				<li class="mui-table-view-cell mui-media re_aaa">
					<div class="tit_re">
						退款说明：
					</div>
					<div class="re_textare">
						<form class="">
							<textarea id="area" name="area" placeholder="" style="font-size: 14px; padding-bottom: 35%;"></textarea>
							<p style="overflow: hidden;padding: 0 15px;text-align: right;"><span id="text-count" class="">0</span>/200</p>
						</form>
					</div>
				</li>
				<li class="mui-table-view-cell mui-media re_aaa">
					<div class="tit_re">
						上传图片：
					</div>
					<div class="re_addimg">
						
					</div>
				</li>
			</ul>
			<div class="re_btns">提交</div>
		</div>
		<script src="../../js/mui.min.js"></script>
		<script type="text/javascript" src="../../js/jquery-1.11.1.min.js" ></script>
		<script type="text/javascript">
			mui.init()
			$("#area").on("input propertychange", function() {
				var $this = $(this),
					_val = $this.val(),
					count = "";
				if(_val.length > 200) {
					$this.val(_val.substring(0, 200));
				}
				count = $this.val().length;
				$("#text-count").text(count);
			});
			$(document).on("tap", ".re_btns", function() {
				mui.openWindow({
					url: "my_user.html",
					id: 'my_user'
				});
			})
		</script>
	</body>

</html>